<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <link rel="stylesheet" type="text/css" href="../css/Bind-account.css">
    <script src="../../configure.js"></script>
</head>
<body>
<div id="global">
    <div class="header">
        <div class="logo"><a href="" target="_blank" style="display: block;"><img src="../img/logo.png" alt=""></a></div>
        <div class="menu">
            <ul>
                <li><a href="../../user/html/HomePage.html">首页</a></li>
                <li><a href="../../user/html/booking_delivery.html">寄件服务</a></li>
                <li><a href="../../user/html/service.html">查询服务</a></li>
                <li><a href="MyShunda.html" id="my-topMenu-userCenter">个人中心</a> </li>
            </ul>
        </div>
        <div class="header-right">
            <div>
                <span>欢迎你，<i id="loginStatus"></i> &nbsp;</span>
                <span id="index-exit" class="cursor"><a href="http://localhost:63342/sdkd-parent/web/webapp/user/html/login.html" id="exit">退出</a></span>
            </div>
        </div>
    </div>
    <div class="main-container">
        <div class="main_body">
            <div class="sidebar-container">
            <ul class="sidebar-main">
                <li class="nav-top" ><img src="../img/left_menu_top.jpg"></li>
                <li class="nav-item"><a href="MyShunda.html" class>我的瞬达</a> </li>
                <li class="nav-item"><a href="MyCourier.html" class>我的快递</a> </li>

                <li class="nav-item"><a href="PersonalData.html" class>个人资料设置</a> </li>
                <li class="nav-item"><a href="Bind-account.html" class>账户绑定</a> </li>
                <li class="nav-item"><a href="RealNameInfo.html" class>实名信息</a> </li>

                <li class="nav-bottom"><img src="../img/left_menu_bottom.jpg"></li>
            </ul>
        </div>
            <div class="item-main-container">
            <div class="app-main">
                <div class="Bind-account-wrapper" >
                    <div class="header">账号绑定</div>
                </div>
                <div class="container">
                    <div class="item item-pwd">
                        <em class="title">账号密码</em>
                        <div class="right-side">
                            <p>设置8-20位英文数字组合，保护您的账户安全。</p>
                            <button type="button" id="set_pwd" class="button-set" data-toggle="modal" data-target="#modal_set_pwd">
                                <span >设置</span>
                            </button>
                        </div>
                    </div>
                    <div class="item">
                        <em class="title">绑定手机</em>
                        <div class="right-side">
                            <p>您绑定的手机号是<i id="cur-phone" style="font-style: normal;color: #1db6f6; line-height: 40px; margin: 0; font-size: 14px"></i>，如您的手机号有变动，您可选择修改。</p>
                            <button type="button" class="button-set" data-toggle="modal" data-target="#modal_set_phone">
                                <span id="set_phone">换绑</span>
                            </button>
                        </div>
                    </div>
                </div>
                <div class="modal fade" id="modal_set_pwd" tabindex="-1" hidden="hidden">
                    <div class="modal-dialog" style="margin-top: 15vh;" >
                        <div class="modal-header">
                            <span class="modal-title" >
                                密码设置
                            </span>
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true" id="close-btn">

                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="input-item">
                                <span>新密码：</span>
                                <div class="input-box">
                                    <input type="password" id="password1" onblur="check_pwd1()" autocomplete="off" minlength="8" maxlength="20" placeholder="请输入8-20位数字/字母的组合" class="el-input_inner">
                                </div>


                            </div>
                            <div  class="interval">
                                <p id="testpwd1" ></p>
                            </div>
                            <div class="input-item">
                                <span>确认密码：</span>
                                <div class="input-box">
                                    <input type="password" id="password2" onblur="check_pwd2()" autocomplete="off" minlength="8" maxlength="20" placeholder="请再次输入密码" class="el-input_inner">
                                </div>

                            </div>
                            <div  class="interval">
                                <p id="testpwd2" ></p>
                            </div>
                            <div class="btn">
                                <button type="button" class="el-button" id="psw_set">
                                    <span>设置密码</span>
                                </button>
                            </div>
                        </div>

                    </div>

                </div>
                <div class="modal fade" id="modal_set_phone" tabindex="-1" hidden="hidden" role="dialog">
                    <div class="modal-dialog modal-dialog2" style="margin-top: 15vh;" >
                        <div class="modal-header">
                            <span class="modal-title" >
                                换绑手机号
                            </span>
                            <button type="button" class="close"  aria-hidden="true" id="close-btn1" data-dismiss="modal" >

                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="input-item">
                                <span style="display: inline-block">旧手机号：</span>
                                <i id="cur_phone" style="font-style: normal; font-size: 17px; display: inline-block; height: 40px;width: 150px;line-height: 40px"></i>
                            </div>

                            <div class="input-item">
                                <span style="display: inline-block">验证码：</span>
                                <input type="text" style="width: 150px"  autocomplete="off" minlength="6" maxlength="6" placeholder="请输入短信验证码" class="phone_code">
                                <button class="code_request" id="code_request">获取验证码</button>
                            </div>

                            <div class="btn">
                                <button type="button" class="el-button" id="next">
                                    <span>下一步</span>
                                </button>
                            </div>
                        </div>

                    </div>

                </div>
                <div class="modal fade" id="modal_set_phone2" tabindex="-1" hidden="hidden" role="dialog">
                    <div class="modal-dialog modal-dialog2" style="margin-top: 15vh;" >
                        <div class="modal-header">
                            <span class="modal-title" >
                                换绑手机号
                            </span>
                            <button type="button" class="close"  aria-hidden="true" id="close-btn2" >

                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="input-item">
                                <span style="display: inline-block">新手机号：</span>
                                <input type="text" style="width: 250px"  autocomplete="off" minlength="11" maxlength="11" placeholder="请输入新手机号" class="phone_code" id="phone2">
                            </div>

                            <div class="input-item">
                                <span style="display: inline-block">验证码：</span>
                                <input type="text" style="width: 150px"  autocomplete="off" minlength="6" maxlength="6" placeholder="请输入短信验证码" class="phone_code" id="code2">
                                <button class="code_request" id="code_request2">获取验证码</button>
                            </div>

                            <div class="btn">
                                <button type="button" class="el-button" id="confirm">
                                    <span>确定</span>
                                </button>
                            </div>
                        </div>

                    </div>

                </div>



            </div>

        </div>
        </div>
    </div>
    <div class="foot">
        <div class="top">
            <div class="top-body">
                <div class="middle">
                    <div class="href" style="margin-top: 30px;">
                        <div class="img">
                            <img src="../../user/img/foot/outlets.svg">
                        </div>
                        &emsp;网点查询
                    </div>
                    <div class="href">
                        <div class="img">
                            <img src="../../user/img/foot/service.svg">
                        </div>
                        &emsp;产品服务
                    </div>
                </div>
                <div class="middle">
                    <div class="href" style="margin-top: 30px;">
                        <div class="img">
                            <img src="../../user/img/foot/prescription.svg">
                        </div>
                        &emsp;运费时效
                    </div>
                    <div class="href">
                        <div class="img">
                            <img src="../../user/img/foot/prohibit.svg">
                        </div>
                        &emsp;禁寄物品
                    </div>
                    <div class="in">

                    </div>
                </div>
                <div class="qr_code">
                    <div class="main">
                        <img src="../../user/img/foot/1.png" style="width: 100%;height: 100%;">
                    </div>
                    <div class="img">
                        <img src="../../user/img/foot/weixin.svg">
                    </div>
                    <div class="text">
                        &emsp;微信公众号
                    </div>
                </div>
                <div class="qr_code">
                    <div class="main">
                        <img src="../../user/img/foot/1.png" style="width: 100%;height: 100%;">
                    </div>
                    <div class="img">
                        <img src="../../user/img/foot/qq.svg">
                    </div>
                    <div class="text">
                        &emsp;QQ公众号
                    </div>
                </div>
                <div class="qr_code">
                    <div class="main">
                        <img src="../../user/img/foot/1.png" style="width: 100%;height: 100%;">
                    </div>
                    <div class="img">
                        <img src="../../user/img/foot/alipay.svg">
                    </div>
                    <div class="text">
                        &emsp;支付宝服务窗
                    </div>
                </div>
                <div class="qr_code">
                    <div class="main">
                        <img src="../../user/img/foot/1.png" style="width: 100%;height: 100%;">
                    </div>
                    <div class="img">
                        <img src="../../user/img/foot/app.svg">
                    </div>
                    <div class="text">
                        &emsp;瞬达APP
                    </div>
                </div>
                <div class="interval">

                </div>
                <div class="logo">
                    <img src="../../user/img/foot/2.png">
                </div>
            </div>
        </div>
        <div class="bottom">
            <div class="text">
                瞬达快递 版权所有 <a href="#">沪ICP备13044869号</a>
            </div>

        </div>
    </div>
</div>
<script src="../jquery/jquery-3.3.1.js"></script>
<script src="../js/loginStatus.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../layer/layer.js"></script>
<script src="../js/Bind-account.js"></script>
<script src="../js/intercept.js"></script>
</body>
</html>